<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>卡片作业</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<div class="top">
			<div class="logo">
				<a href="">
					<img src="img/logo.png"/>
				</a>
			</div>
			<div class="right">
				<a href="">音乐馆</a>
				<a href="">我的音乐</a>
				<a href="">客户端</a>
				<a href="">开放平台</a>
				<a href="">VIP</a>
				<a href=""></a>
				<a href="">开通VIP</a>
				<a href="">充值</a>
			</div>
			<div class="sou">
				<input type="text" placeholder="搜索音乐/MV/歌单" />
				<button>搜索</button>
			</div>
		</div>
		<div class="gedan">歌单推荐</div>
		<div class="box">
			<div class="box-top">
				<div class="tu">
					<img src="img/1.jpg"/>
				</div>
				<div class="text">
					<span>[纯音乐] 一曲古筝，一杯淡茶</span>
				</div>
				<div class="fang">
					播放量：2548.2万
				</div>
			</div>
			<div class="box-top">
				<div class="tu">
					<img src="img/2.jpg"/>
				</div>
				<div class="text">
					<span>欧美|致幻女嗓</span>
				</div>
				<div class="fang">
					播放量：255.3万
				</div>
			</div>
			<div class="box-top">
				<div class="tu">
					<img src="img/3.jpg"/>
				</div>
				<div class="text">
					<span>站内评论999+超热日语精选</span>
				</div>
				<div class="fang">
					播放量：5156.0万
				</div>
			</div>
			<div class="box-top">
				<div class="tu">
					<img src="img/4.jpg"/>
				</div>
				<div class="text">
					<span>蹦迪神曲：音乐一开，全场最嗨</span>
				</div>
				<div class="fang">
					播放量：129.0万
				</div>
			</div>
		</div>
		<div class="ban">
			腾讯公司 版权所有 腾讯网络文化经营许可证
		</div>
		<!--bottom-->
		<!--<div class="bottom">
			<div class="box-top">
				<div class="tu">
					<img src="img/1.jpg"/>
				</div>
				<div class="text">
					<span>纯音乐 一曲古筝，一杯淡茶</span>
				</div>
				<div class="fang">
					播放量：2548.2万
				</div>
			</div>
			<div class="box-top">
				<div class="tu">
					<img src="img/1.jpg"/>
				</div>
				<div class="text">
					<span>纯音乐 一曲古筝，一杯淡茶</span>
				</div>
				<div class="fang">
					播放量：2548.2万
				</div>
			</div>
			<div class="box-top">
				<div class="tu">
					<img src="img/1.jpg"/>
				</div>
				<div class="text">
					<span>纯音乐 一曲古筝，一杯淡茶</span>
				</div>
				<div class="fang">
					播放量：2548.2万
				</div>
			</div>
			<div class="box-top">
				<div class="tu">
					<img src="img/1.jpg"/>
				</div>
				<div class="text">
					<span>纯音乐 一曲古筝，一杯淡茶</span>
				</div>
				<div class="fang">
					播放量：2548.2万
				</div>
			</div>
		</div>-->
	</body>
</html>
